<template>
<div class="bgc_white" id="warranty_guide" :style="'min-height: '+ height">
  <div class="warranty_guide" >
    <p>{{$t('WARRANTY.CONGRATULATIONS')}}</p>  
    <div >
      <p>{{$t('WARRANTYGUIDE.JOINEDBETATESTER')}}</p>
      <p>{{$t('RIGHTS.NOWARRANTY')}}</p>
    </div>
   
    <el-button> <router-link to="/warranty_active">{{$t('DEVICE.SUBSCRIBEEMAIL')}}</router-link></el-button>
    
  </div>
</div>
</template>

<script>
import { mapGetters } from 'vuex'
import { setHeight} from "@/utils/index.js"

export default {
  data() {
    return {
      height: ''
    }
  },
  computed: {
    ...mapGetters(['menuArray', 'curSite']),
    name(){
      let list = this.menuArray
      let name = ''
      if(list){
        for(let i =0 ;i < list.length; i++) {
          if(list[i].path == '/support'){
            name = list[i].meta.title
            let children = list[i].children
            for(let j = 0; j < children.length; j++){
              if(children[j].path == '/warranty'){
                name = children[j].meta.title
              }
            }
          }
        }
      }
      console.log(name)
      return name
    },
  },
  mounted (){
    this.height = setHeight()
  },
  methods: {
 
  }
}
</script>

<style lang="scss">
@import '@/styles/register/betatester_guide.scss';

</style>